<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
<head>
    <%@include file="/common/global.jsp"%>
    <title>activiti项目演示demo</title>
    <%@ include file="/common/meta.jsp" %>
    <%@ include file="/common/include-jquery-ui-theme.jsp" %>
    <%@ include file="/common/include-base-styles.jsp" %>
    <style type="text/css">
        .login-center {
            width: 600px;
            margin-left:auto;
            margin-right:auto;
        }
        #loginContainer {
            margin-top: 3em;
        }
        .login-input {
            padding: 4px 6px;
            font-size: 14px;
            vertical-align: middle;
        }
    </style>
    <%--引入jquery的样式表--%>
    <script src="${ctx }/js/common/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="${ctx }/js/common/plugins/jui/jquery-ui-${themeVersion }.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        /*给button标签设置样式，使用jquery的样式，前提必须引入jquery.js，如jquery-1.8.3.js*/
        $(function() {
            $('button').button({
                icons: {
                    primary: 'ui-icon-key'
                }
            });
        });
    </script>
</head>

<body>
<div id="loginContainer" class="login-center">
    <div style="text-align: center;">
        <h2>工作流引擎Activiti演示项目</h2>
        <%--<h3>--%>
        <%--<a href="https://github.com/henryyan/kft-activiti-demo" target="_blank" style="text-decoration: none;">kft-activiti-demo（v${prop['system.version']}）</a>--%>
        <%--<a href="http://www.kafeitu.me/about.html" target="_blank" style="text-decoration: none;">（By 咖啡兔）</a></h3>--%>
    </div>
    <hr/>
    <form action="${ctx }/user/logon" method="get">
        <table>
            <tr>
                <td width="200" style="text-align: right;">用户名：</td>
                <td><input id="username" name="username" class="login-input" placeholder="用户名（见下左表）" /></td>
            </tr>
            <tr>
                <td style="text-align: right;">密码：</td>
                <td><input id="password" name="password" type="password" class="login-input" placeholder="默认为：000000" /></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <button type="submit">登录Demo</button>
                </td>
            </tr>
        </table>
    </form>
    <hr />
    <div>
        <div class="login-center">
            <%--<div style="float:; width: 48%;margin-right: 2%;">--%>
            <table border="1">
                <caption>用户列表(密码：000000)</caption>
                <tr>
                    <th width="50" style="text-align: center">用户名</th>
                    <th style="text-align: center">角色</th>
                </tr>
                <tr>
                    <td>admin</td>
                    <td>管理员、用户</td>
                </tr>
                <tr>
                    <td>kafeitu</td>
                    <td>用户</td>
                </tr>
                <tr>
                    <td>hruser</td>
                    <td>人事、用户</td>
                </tr>
                <tr>
                    <td>leaderuser</td>
                    <td>部门经理、用户</td>
                </tr>
            </table>
        </div>
        <%--<div style="float:right; width: 50%;">--%>
        <%--<dl>--%>
        <%--<dt>《Activiti实战》：</dt>--%>
        <%--<dd><a target="_blank" href="http://www.kafeitu.me/activiti-in-action.html">http://www.kafeitu.me/activiti-in-action.html</a></dd>--%>

        <%--<dt>Wiki：</dt>--%>
        <%--<dd><a target="_blank" href="https://github.com/henryyan/kft-activiti-demo/wiki">https://github.com/henryyan/kft-activiti-demo/wiki</a></dd>--%>

        <%--<dt>Demo源码：</dt>--%>
        <%--<dd><a target="_blank" href="https://github.com/henryyan/kft-activiti-demo">https://github.com/henryyan/kft-activiti-demo</a></dd>--%>

        <%--<dt>Activiti资料：</dt>--%>
        <%--<dd><a target="_blank" href="http://www.kafeitu.me/categories.html#activiti-ref">http://www.kafeitu.me/categories.html#activiti-ref</a></dd>--%>

        <%--</dl>--%>
        <%--</div>--%>
    </div>
</div>
</body>
</html>
